<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ page language="java" contentType="text/html;  charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html lang="ko">
	<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- <link rel="shortcut icon" href=""> -->

    <title>Faeple</title>

    <!-- Bootstrap core CSS -->
    <link href="/resources/css/bootstrap.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="/resources/js/html5shiv.js"></script>
      <script src="/resources/js/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
    	body {
			background-image: url("/resources/img/bg.gif");
			font-family:"나눔고딕",NanumGothic,"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","돋움",dotum,Arial,sans-serif;
			font-size:14px;
			line-height:1.428571429;
			color:#333;
		}
    </style>
    <!--[if gte IE 9]>
	  <style type="text/css">
	    .gradient {
	       filter: none;
	    }
	  </style>
	<![endif]-->
	
	</head>
<body>
<div id="viewport">
<div id="page">
	<!-- header -->
		<jsp:include page = "head.jsp" flush="false"/>
	<!-- header -->
   	<div class="container" style="margin-top: 40px;">
   		<h2>광고</h2>
   		<div style="height: 2px; background-color: #ddd; border-bottom: 1px solid #fff; width: 95%; margin-top:15px;"></div>
   	</div><!-- end container -->
   	<div class="container" style="margin-top: 40px;">
   		<form class="form-horizontal" role="form">
   			<div class="form-group">
				<label for="name" class="col-lg-1 control-label">이름</label>
				<div class="col-lg-2">
					<input type="text" class="form-control" id="name" name="name" maxlength="20" placeholder="이름을 입력해주세요">
				</div>
			</div>
			
			<div class="form-group">
				<label for="email" class="col-lg-1 control-label">이메일</label>
				<div class="col-lg-3">
					<input type="text" class="form-control" id="email" name="email" maxlength="40" placeholder="이메일을 입력해주세요">
				</div>
			</div>
			
			<div class="form-group">
				<label for="content" class="col-lg-1 control-label">문의내용</label>
				<div class="col-lg-8">
					<textarea id="content" name="content" class="form-control" rows="6" maxlength="2000" style="resize:vertical;" placeholder="문의내용을 입력해주세요"></textarea>
				</div>
			</div>
			
			<div class="form-group">
				<label for="tel" class="col-lg-1 control-label">연락처</label>
				<div class="col-lg-2">
					<input type="text" class="form-control" id="tel" name="tel" maxlength="40" placeholder="연락처를 입력해주세요">
				</div>
			</div>
			<hr>
			<div class="form-group">
				<div class="col-lg-9">
					<div title="준비중입니다" data-toggle="tooltip" style="float: right;"><button type="submit" class="btn btn-primary" disabled="disabled">문의하기</button></div>
				</div>
			</div>
   		</form>
   	</div>
	</div><!-- end page -->
	<%@ include file="commonScript.jsp" %>
	</div><!-- end viewport -->
	<script type="text/javascript">
		$(function(){
			$('[data-toggle="tooltip"]').tooltip({
	            'placement': 'top',
	            'container': 'body',
	            'trigger': "hover"
	        });
		});
	</script>
</body>
</html>